<!DOCTYPE html>
<html>
<head>
	<title>
		Laptops
	</title>
	<style>
		li
		{
			display:inline;
			float:left;
			padding:2px;
		}
		.BrandNavigation
		{
			font-family:Calibri;
			float:top;
			border:0px;
		}
		.Products
		{
			float:left;
			width:450px;
			font-family:Calibri;
			
		}
		.Sliders
		{
			float:left;
			border:0px;
		}
		.Air1
		{
			float:left;
		}
		.Air2
		{
			float:right;			
		}
		.Air3
		{
			float:left;
		}
		.Air4
		{
			float:right;			
		}
		.Air5
		{
			float:left;
		}
		.Air6
		{
			float:right;			
		}
	</style>
</head>
<body>
	<fieldset class="BrandNavigation">
		<ul>
			<li>
				<h2><a href="http://www.apple.com/">Apple</a></h2>
			</li>
			<li>
				<h2><a href="http://www.toshiba.com/tai/">Toshiba</a></h2>
			</li>
			<li>
				<h2><a href="http://www.lenovo.com/us/en/#ss">Lenovo</a></h2>
			</li>
			<li>
				<h2><a href="http://www.dell.com/">Dell</a></h2>
			</li>
			<li>
				<h2><a href="http://usa.asus.com/">Asus</a></h2>
			</li>
			<li>
				<h2><a href="http://us.acer.com/ac/en/US/content/home">Acer</a></h2>
			</li>
			<li>
				<h2><a href="http://www8.hp.com/bg/bg/home.html">HP</a></h2>
			</li>
		</ul>
	</fieldset>
	<hr />
	<fieldset class="Products">
		<fieldset class="Air1">
			<legend>Apple MacBook Air Pro</legend>
			<table>
				<tr>
					<td rowspan="3">
						<img src="images/MacBookAir.jpg" width="100px" />
					</td>
					<td>
						
					</td>
				</tr>
				<tr>
					<td>
						64GB SSD
					</td>
				</tr>
				<tr>
					<td>
						2GB DDR
					</td>
				</tr>
				<tr>
					<td>
						1300 USD
					</td>
					<td>
						Intel Core i5
					</td>
				</tr>
			</table>
		</fieldset>
		<fieldset class="Air2">
			<legend>Apple MacBook Air Pro</legend>
			<table>
				<tr>
					<td rowspan="3">
						<img src="images/MacBookAir.jpg" width="100px" />
					</td>
					<td>
						
					</td>
				</tr>
				<tr>
					<td>
						64GB SSD
					</td>
				</tr>
				<tr>
					<td>
						2GB DDR
					</td>
				</tr>
				<tr>
					<td>
						1300 USD
					</td>
					<td>
						Intel Core i5
					</td>
				</tr>
			</table>
		</fieldset>
		<fieldset class="Air3">
			<legend>Apple MacBook Air Pro</legend>
			<table>
				<tr>
					<td rowspan="3">
						<img src="images/MacBookAir.jpg" width="100px" />
					</td>
					<td>
						
					</td>
				</tr>
				<tr>
					<td>
						64GB SSD
					</td>
				</tr>
				<tr>
					<td>
						2GB DDR
					</td>
				</tr>
				<tr>
					<td>
						1300 USD
					</td>
					<td>
						Intel Core i5
					</td>
				</tr>
			</table>
		</fieldset>
		<fieldset class="Air4">
			<legend>Apple MacBook Air Pro</legend>
			<table>
				<tr>
					<td rowspan="3">
						<img src="images/MacBookAir.jpg" width="100px" />
					</td>
					<td>
						
					</td>
				</tr>
				<tr>
					<td>
						64GB SSD
					</td>
				</tr>
				<tr>
					<td>
						2GB DDR
					</td>
				</tr>
				<tr>
					<td>
						1300 USD
					</td>
					<td>
						Intel Core i5
					</td>
				</tr>
			</table>
		</fieldset>
		<fieldset class="Air5">
			<legend>Apple MacBook Air Pro</legend>
			<table>
				<tr>
					<td rowspan="3">
						<img src="images/MacBookAir.jpg" width="100px" />
					</td>
					<td>
						
					</td>
				</tr>
				<tr>
					<td>
						64GB SSD
					</td>
				</tr>
				<tr>
					<td>
						2GB DDR
					</td>
				</tr>
				<tr>
					<td>
						1300 USD
					</td>
					<td>
						Intel Core i5
					</td>
				</tr>
			</table>
		</fieldset>
		<fieldset class="Air6">
			<legend>Apple MacBook Air Pro</legend>
			<table>
				<tr>
					<td rowspan="3">
						<img src="images/MacBookAir.jpg" width="100px" />
					</td>
					<td>
						
					</td>
				</tr>
				<tr>
					<td>
						64GB SSD
					</td>
				</tr>
				<tr>
					<td>
						2GB DDR
					</td>
				</tr>
				<tr>
					<td>
						1300 USD
					</td>
					<td>
						Intel Core i5
					</td>
				</tr>
			</table>
		</fieldset>
		
	</fieldset>
	<fieldset class="Sliders">
		<label for="MinPrice" style="padding:10px;">Min Price: 500 USD</label>
		<br />
		<input id="MinPrice" class="MinPrice" type="range" min="0" max="100" style="padding:10px;" />
		<br />
		<label for="MaxPrice" style="padding:10px;">Max Price: 5000 USD</label>
		<br />
		<input id="MaxPrice" class="MaxPrice" type="range" min="0" max="100" style="padding:10px;" />
		<br />
		<label for="MinRAM" style="padding:10px;">Mininmum RAM: 4 GB</label>
		<br />
		<input id="MinRAM" class="MinRAM" type="range" min="0" max="100" style="padding:10px;" />
		<br />
		<label for="MaxRAM" style="padding:10px;">Maximum RAM: 16 GB</label>
		<br />
		<input id="MaxRAM" class="MaxRam" type="range" min="0" max="100" style="padding:10px;" />
	</fieldset>
	
</body>
</html>